<!--前台管理页面左侧导航栏-->
<template>
  <!--图标-->
    <el-menu :default-openeds="['1', '3']" style="min-height: 100%"
           text-color="#000000"
           active-text-color="#786552"
           :collapse-transition="false"
           :collapse="isCollapse"
    >
    <div style="height: 60px; line-height: 60px; text-align: center">
      <b style="color:#409EFF" align="center">网上书店管理系统</b>
    </div>
    <!--用户管理-->
    <el-submenu index="1" align="center">
      <template slot="title" style="color:#409EFF">
        <i class="el-icon-user"></i>
        <span slot="title" style="color:#409EFF" >用户管理</span>
      </template>
      <!--用户管理功能-->
      <el-menu-item-group>
        <el-menu-item index="1-1" @click='userFind'>查看用户</el-menu-item>
      </el-menu-item-group>
    </el-submenu>
    <!--图书管理-->
    <el-submenu index="2" align="center">
      <template slot="title">
        <i class="el-icon-collection"></i>
        <span slot="title" style="color:#409EFF">图书管理</span>
      </template>
      <!--图书管理功能-->
      <el-menu-item-group>
        <el-menu-item index="2-1" @click='bookManage'>图书管理</el-menu-item>
      </el-menu-item-group>
    </el-submenu>
    <!--订单管理-->
    <el-menu-item index="3" @click='orderManage'>
        <i class="el-icon-document"></i>
        <span slot="title"  style="color:#409EFF">订单管理</span>
    </el-menu-item>
  </el-menu>
</template>

<script>
export default {
  name: "ManagerAside",
  props: {
    //参数传递（装饰用）
    isCollapse: Boolean,
    logoTextShow: Boolean
  },
  methods: {
    backlogin() {
      this.$router.push('/');
    },
    userFind(){
        this.$router.push('/userAllInfo');
    },
   bookManage(){
       this.$router.push('/bookManage');
   },
    orderManage(){
        this.$router.push('/orderManage');
    }
  }
}

</script>